<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/lib/jquery.min.js" ></script>
		<link rel="stylesheet" href="fonts/iconfont.css">
		<link href="css/bootstrap.css" rel="stylesheet">
		<link rel="stylesheet" href="css/bootstrap.css" />
		<link rel="stylesheet/less" type="text/css" href="css/xStyle.less" />
        <script type="text/javascript" src="js/lib/less.js" ></script>

		
	</head>
	<body >
	<div style="height: 300px; text-align: center;"></div>	
	 
    <div id ="i1"></div>	
    <div style="height: 300px; text-align: center;"></div>	
	</body>
    <script type="module">

	import  xCrop from './js/src/xCrop.js';
	
	let crop = new xCrop({el:"i1",
	 uploadUrl:'http://127.0.0.1:8020/x-ui/img/upload',
	 mandatory:true,
	 viewSize:"800*300",
	 clipSize:"200*100"});
	  
	 
	 crop.setValue('http://127.0.0.1:8020/x-ui/img/upload/a9a737b32c56fa511c98ddd3c7e698a4.png');
  
	</script>
</html>
